.music-list-footer {
  width: 100%;
  height: 4rem;
  background-color: #2f2f2f;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 1rem;
  &-info {
    display: flex;
    align-items: center;
    img {
      width: 3rem;
      height: 3rem;
      border-radius: 0.1rem;
    }
    .song-info {
      margin-left: 0.5rem;
      color: #fff;
      font-size: 0.8rem;
      &-title {
        font-size: 1rem;
      }
    }
  }
  &-control {
    .anticon {
      font-size: 2rem;
      color: #fff;
      margin: 0 0.5rem;
      cursor: pointer;
    }
  }
  &-progress {
    display: flex;
    align-items: center;
    color: #fff;
    .ant-slider {
      width: 20rem;
      margin: 0 1rem;
      .ant-slider-track {
        background-color: #d44343;
      }
      .ant-slider-handle {
        border-color: #d44343;
        &:hover {
          border-color: #d44343;
        }
      }
    }
  }
  &-volume {
    display: flex;
    align-items: center;
    img {
      width: 2rem;
    }
    .ant-slider {
      width: 10rem;
      margin: 0 1rem;
      .ant-slider-track {
        background-color: #d44343;
      }
      .ant-slider-handle {
        border-color: #d44343;
        &:hover {
          border-color: #d44343;
        }
      }
    }
    &-style {
      display: flex;
      align-items: center;
      font-size: 1rem;
      color: #fff;
      .ant-slider {
        width: 5rem;
        margin: 0 0.5rem;
      }
    }
  }
}
